.title a,
.title span {
  display: inline-block;
  padding: var(--space-100);
  color: var(--color-gray-4);
}
.title a:hover {
  color: var(--color-white);
}

@media (max-width: 999px) {
  .title {
    position: fixed;
    z-index: var(--z-index-2);
    top: -1px;
    right: 0;
    left: 0;
    padding-top: 1px; /* Stop content from peeking through when scrolling on iOS Safari */
    border-bottom: 1px solid var(--color-gray-2);
    background-color: var(--color-black);
  }
}

@media (min-width: 1000px) {
  .title {
    margin-top: var(--space-150);
  }

  .title a,
  .title span {
    display: block;
  }
}
